﻿@page
@{
    ViewData["Title"] = "Inlining";
}

@section head {
    <link rel="stylesheet" href="~/css/a.css" inline />
}

<div>
    <p>
        This page references the stylesheet <a href="~/css/a.css" type="text/css">/css/a.css</a> and
        instruct it to be inlined as a <code>&lt;style&gt;</code> element:
    </p>

    <ul>
        <li>The <code>inline</code> attribute is added to <code>&lt;link rel=&quot;stylesheet&quot; href=&quot;~/css/a.css&quot; inline /&gt;</code></li>
        <li><code>&lt;link&gt;</code> is converted into a <code>&lt;style&gt;</code></li>
        <li>Response is minified</li>
        <li>Image urls inside the CSS is being fingerprinted</li>
        <li>Cached server-side</li>
    </ul>
</div>

<p>
    The script bundle <a href="~/js/bundle.js">/js/bundle.js</a> is also being inlined.
</p>

<script src="~/js/bundle.js" inline></script>